<template>
  <div class="m-content">
    <template>
      <mall-search></mall-search>
    </template>
    <template>
      <mall-nav></mall-nav>
    </template>
    <template>
      <mall-banner></mall-banner>
    </template>
    <template>
      <mall-recommend></mall-recommend>
    </template>
    <template>
      <mall-active></mall-active>
    </template>
    <template>
      <mall-advem></mall-advem>
    </template>
    <template>
      <mall-product-list></mall-product-list>
    </template>
  </div>
</template>

<script>
import MallNav from './components/mall-nav'
import MallSearch from './components/mall-search'
import MallBanner from './components/mall-banner'
import MallRecommend from './components/mall-recommend'
import MallActive from './components/mall-active'
import MallAdvem from './components/mall-advem'
import MallProductList from './components/mall-product-list'
export default {
  components: {
    MallProductList,
    MallAdvem,
    MallActive,
    MallRecommend,
    MallNav,
    MallSearch,
    MallBanner
  },
  name: 'index'
}
</script>

<style scoped>

</style>
